import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'

// axios.create: 创建一个axios实例，可以通过实例来请求接口
const service = axios.create({
  // baseURL: 基本地址（每个接口都有的地址），作用：后面封装的接口，接口的地址都会和baseURL自动拼接到一起
  baseURL: 'https://api-hmzs.itheima.net/v1',
  // 超时时间
  timeout: 5000 // request timeout
})

// 请求拦截器
// 什么时候执行？发送请求的时候执行
service.interceptors.request.use(
  config => {
    const token = store.state.user.token
    if (store) {
      config.headers.Authorization = token
    }
    // config: 携带的请求信息，并且return不能省略
    // 这个函数通常用于配置请求头、携带token
    return config
  },
  error => {
    // 执行时机: 请求发生错误的时候
    return Promise.reject(error)
  }
)

// 响应拦截器
// 执行时机: 当后端返回数据的时候，数据流转的第一站就是响应拦截器
service.interceptors.response.use(
  // 第一个函数的执行时机：响应成功，状态码为2xx
  response => {
    return response.data
  },
  error => {
    // 响应失败，状态码为4xx-5xx
    // error: 错误信息
    if (error.response.status === 401) {
      store.commit('user/clearUserInfo')
      Message.warning('登录信息已过期，请重新登录！')
      router.push('/login')
    } else {
      Message.warning(error.response.data.msg)
    }
    // 可以做统一的错误处理
    return Promise.reject(error)
  }
)

export default service
